<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery - JavaScript</title>
</head>
<body>
<h1>jQuery</h1>
<p>
    jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。<br />
    jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素。 <br />
    它基于已经存在的 CSS 选择器，除此之外，它还有一些自定义的选择器。<br />
    jQuery 中所有选择器都以美元符号开头：$()。
</p>
<script>
    // -----------------------------
    // 1. jQuery选择器
    // -----------------------------
    /*
        $("*") 	// 选取所有元素
        $(this) 	选取当前 HTML 元素, 重点
        $("p.intro") 	// 选取 class 为 intro 的 <p> 元素
        $("p:first") 	// 选取第一个 <p> 元素
        $("ul li:first") 	// 选取第一个 <ul> 元素的第一个 <li> 元素
        $("ul li:first-child") 	// 选取每个 <ul> 元素的第一个 <li> 元素
        $("[href]") 	// 选取带有 href 属性的元素
        $("a[target='_blank']") 	// 选取所有 target 属性值等于 "_blank" 的 <a> 元素
        $("a[target!='_blank']") 	// 选取所有 target 属性值不等于 "_blank" 的 <a> 元素
        $(":button") 	// 选取所有 type="button" 的 <input> 元素 和 <button> 元素
        $("tr:even") 	// 选取偶数位置的 <tr> 元素
        $("tr:odd") 	// 选取奇数位置的 <tr> 元素
     */
    // 1.1 尝试使用上面相关的方法并观察。


    // -----------------------------
    // 2. jQuery现在的应用情况
    // -----------------------------


</script>
</body>
</html>